<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="/favicon.ico" >
<link rel="Shortcut Icon" href="/favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="{{ asset('admin') }}/lib/html5shiv.js"></script>
<script type="text/javascript" src="{{ asset('admin') }}/lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="{{ asset('admin') }}/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="{{ asset('admin') }}/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="{{ asset('admin') }}/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="{{ asset('admin') }}/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="{{ asset('admin') }}/static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="{{ asset('admin') }}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<!--/meta 作为公共模版分离出去-->

<title>新增文章 - 资讯管理 - H-ui.admin v3.1</title>
<meta name="keywords" content="H-ui.admin v3.1,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
<meta name="description" content="H-ui.admin v3.1，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>
<article class="page-container">
	<form class="form form-horizontal" id="form-article-add" action="{{ url('article') }}" method="post">
		{{ csrf_field() }}
		<input type="hidden" name="action" value="form_validate">
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>文章标题：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="articletitle" name="articletitle">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">简略标题：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="articletitle2" name="articletitle2">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>分类栏目：</label>
			<div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select name="articlecolumn" class="select">
					<option value="0">全部栏目</option>
					<option value="1">新闻资讯</option>
					<option value="11">├行业动态</option>
					<option value="12">├行业资讯</option>
					<option value="13">├行业新闻</option>
				</select>
				</span> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>文章类型：</label>
			<div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
				<select name="articletype" class="select">
					<option value="0">全部类型</option>
					<option value="1">帮助说明</option>
					<option value="2">新闻资讯</option>
				</select>
				</span> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">排序值：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="0" placeholder="" id="articlesort" name="articlesort">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">关键词：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="keywords" name="keywords">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">文章摘要：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<textarea name="abstract" cols="" rows="" class="textarea"  placeholder="说点什么...最少输入10个字符" datatype="*10-100" dragonfly="true" nullmsg="备注不能为空！" onKeyUp="$.Huitextarealength(this,200)"></textarea>
				<p class="textarea-numberbar"><em class="textarea-length">0</em>/200</p>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">文章作者：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="0" placeholder="" id="author" name="author">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">文章来源：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="0" placeholder="" id="sources" name="sources">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">允许评论：</label>
			<div class="formControls col-xs-8 col-sm-9 skin-minimal">
				<div class="check-box">
					<input type="checkbox" id="allowcomments" name="allowcomments" value="">
					<label for="checkbox-pinglun">&nbsp;</label>
				</div>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-2">文章内容：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<script id="editor" type="text/plain" style="width:100%;height:400px;"></script>
			</div>
		</div>
		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
				<button onClick="article_save_submit();" class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 保存并提交审核</button>
				{{--<button onClick="article_save();" class="btn btn-secondary radius" type="button"><i class="Hui-iconfont">&#xe632;</i> 保存草稿</button>--}}
				<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;保存&nbsp;&nbsp;">
				<button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
			</div>
		</div>
	</form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="{{ asset('admin') }}/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="{{ asset('admin') }}/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="{{ asset('admin') }}/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="{{ asset('admin') }}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer /作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="{{ asset('admin') }}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="{{ asset('admin') }}/lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="{{ asset('admin') }}/lib/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="{{ asset('admin') }}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="{{ asset('admin') }}/lib/webuploader/0.1.5/webuploader.min.js"></script> 
<script type="text/javascript" src="{{ asset('admin') }}/lib/ueditor/1.4.3/ueditor.config.js"></script> 
<script type="text/javascript" src="{{ asset('admin') }}/lib/ueditor/1.4.3/ueditor.all.min.js"> </script> 
<script type="text/javascript" src="{{ asset('admin') }}/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">

$(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});

    $().ready(function() {
// 在键盘按下并释放及提交后验证提交表单
        //表单验证
        $("#form-article-add").validate({
            rules:{
                articletitle:{
                    required:true,
                    minlength:2,
                },
                articletitle2:{
                    required:true,
                },
                articlecolumn:{
                    required:true,
                },
                articletype:{
                    required:true,
                },
                articlesort:{
                    required:true,
                },
                keywords:{
                    required:true,
                },
                abstract:{
                    required:true,
                },
                author:{
                    required:true,
                },
                sources:{
                    required:true,
                },
                allowcomments:{
                    required:true,
                },
                commentdatemin:{
                    required:true,
                },
                commentdatemax:{
                    required:true,
                },

            },
//            onkeyup:false, 	//在 keyup 时验证。
            focusCleanup:true,
            success:"valid",

            //未将关闭代码放置进submit代码中
//		submitHandler:function(form){
//			$(form).ajaxSubmit();
//			var index = parent.layer.getFrameIndex(window.name);
//			parent.$('.btn-refresh').click();
//			parent.layer.close(index);
//		}

            //将关闭代码放置进submit代码中，可以接收返回数据
            submitHandler:function(form){
                $(form).ajaxSubmit(function(msg){  // jQueryForm插件
                    if( msg.status == 'SUCCESS' ){
                        // 提示
                        layer.msg('添加成功！',{icon:1,time:3000},function(){
                            // 父级刷新，重新到数据库获取数据
                            parent.location.reload();
                            // 把当前弹窗关闭
                            var index = parent.layer.getFrameIndex(window.name);
                            parent.$('.btn-refresh').click();
                            parent.layer.close(index);
                        });
                    }else{
                        layer.msg(msg.error[0],{icon:1,time:3000});
                    }
                });
            }
        });
    })


//	$list = $("#fileList"),
//	$btn = $("#btn-star"),
//	state = "pending",
//	uploader;

	{{--var uploader = WebUploader.create({--}}
		{{--auto: true,--}}
		{{--swf: '{{ asset('admin') }}/lib/webuploader/0.1.5/Uploader.swf',--}}
	{{----}}
		{{--// 文件接收服务端。--}}
		{{--server: 'fileupload.php',--}}
	{{----}}
		{{--// 选择文件的按钮。可选。--}}
		{{--// 内部根据当前运行是创建，可能是input元素，也可能是flash.--}}
		{{--pick: '#filePicker',--}}
	{{----}}
		{{--// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！--}}
		{{--resize: false,--}}
		{{--// 只允许选择图片文件。--}}
		{{--accept: {--}}
			{{--title: 'Images',--}}
			{{--extensions: 'gif,jpg,jpeg,bmp,png',--}}
			{{--mimeTypes: 'image/*'--}}
		{{--}--}}
	{{--});--}}
	{{--uploader.on( 'fileQueued', function( file ) {--}}
		{{--var $li = $(--}}
			{{--'<div id="' + file.id + '" class="item">' +--}}
				{{--'<div class="pic-box"><img></div>'+--}}
				{{--'<div class="info">' + file.name + '</div>' +--}}
				{{--'<p class="state">等待上传...</p>'+--}}
			{{--'</div>'--}}
		{{--),--}}
		{{--$img = $li.find('img');--}}
		{{--$list.append( $li );--}}
	{{----}}
		{{--// 创建缩略图--}}
		{{--// 如果为非图片文件，可以不用调用此方法。--}}
		{{--// thumbnailWidth x thumbnailHeight 为 100 x 100--}}
		{{--uploader.makeThumb( file, function( error, src ) {--}}
			{{--if ( error ) {--}}
				{{--$img.replaceWith('<span>不能预览</span>');--}}
				{{--return;--}}
			{{--}--}}
	{{----}}
			{{--$img.attr( 'src', src );--}}
		{{--}, thumbnailWidth, thumbnailHeight );--}}
	{{--});--}}
	{{--// 文件上传过程中创建进度条实时显示。--}}
	{{--uploader.on( 'uploadProgress', function( file, percentage ) {--}}
		{{--var $li = $( '#'+file.id ),--}}
			{{--$percent = $li.find('.progress-box .sr-only');--}}
	{{----}}
		{{--// 避免重复创建--}}
		{{--if ( !$percent.length ) {--}}
			{{--$percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');--}}
		{{--}--}}
		{{--$li.find(".state").text("上传中");--}}
		{{--$percent.css( 'width', percentage * 100 + '%' );--}}
	{{--});--}}
	{{----}}
	{{--// 文件上传成功，给item添加成功class, 用样式标记上传成功。--}}
	{{--uploader.on( 'uploadSuccess', function( file ) {--}}
		{{--$( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");--}}
	{{--});--}}
	{{----}}
	{{--// 文件上传失败，显示上传出错。--}}
	{{--uploader.on( 'uploadError', function( file ) {--}}
		{{--$( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");--}}
	{{--});--}}
	{{----}}
	{{--// 完成上传完了，成功或者失败，先删除进度条。--}}
	{{--uploader.on( 'uploadComplete', function( file ) {--}}
		{{--$( '#'+file.id ).find('.progress-box').fadeOut();--}}
	{{--});--}}
	{{--uploader.on('all', function (type) {--}}
        {{--if (type === 'startUpload') {--}}
            {{--state = 'uploading';--}}
        {{--} else if (type === 'stopUpload') {--}}
            {{--state = 'paused';--}}
        {{--} else if (type === 'uploadFinished') {--}}
            {{--state = 'done';--}}
        {{--}--}}

        {{--if (state === 'uploading') {--}}
            {{--$btn.text('暂停上传');--}}
        {{--} else {--}}
            {{--$btn.text('开始上传');--}}
        {{--}--}}
    {{--});--}}

    {{--$btn.on('click', function () {--}}
        {{--if (state === 'uploading') {--}}
            {{--uploader.stop();--}}
        {{--} else {--}}
            {{--uploader.upload();--}}
        {{--}--}}
    {{--});--}}
	
	var ue = UE.getEditor('editor');
	
});
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>